<template>

     	
     		<div class="b">
     			<el-row  type="flex"  align="middle" justify="center" style="margin-top:60px">
     				<el-col :xs="24" :sm="22" :md="24" :lg="24" :xl="24">	
     					<div class="text animate__animated animate__fadeInRight">5704</div>
     					</el-col>
     			</el-row>
     			<el-row  type="flex"  align="middle" justify="center">
     				<el-col :xs="24" :sm="22" :md="24" :lg="24" :xl="24">	
     					<div class="text animate__animated animate__fadeInLeft" style="font-size: 50px;animation-delay: 0.9s;">孤独与坚持</div>
     				</el-col>
     			</el-row>
     			<el-row  type="flex"  align="middle" justify="center">
     				<el-col :xs="24" :sm="22" :md="24" :lg="24" :xl="24">	
     					<div class="text animate__animated animate__fadeInUpBig" style="font-size: 30px;animation-delay: 1.0s;">一个学习和技术的交流平台</div>
     				</el-col>
     			</el-row>
     		</div>
     	</div>
    
</template>

<script>
	
	
export default {
	
    props:{
    	 proForm:{
    	        type:Object 
    	    },
    },
   
    data:function () {
		
        
		return{
			}
	},
    
    
    methods:{
		
           
    },
	created() {
		
	}
}
</script>

<style scoped>
 .b{
 		background-image: url(../assets/img/1.jpg);
 		background-size: cover;
 		position: fixed;
 		width: 100%;
 		height: 100%;
 }
 .text {
 		margin-top: 10%;
 		text-align: -webkit-center;
 		width: 100%;
 		color: #C0C4CC;
 		font-size: 55px;
 		font-weight: bold;
 		animation-delay: 0.5s;
 	}
</style>
